<%--
  Created by IntelliJ IDEA.
  User: zhaocan
  Date: 2018/4/24
  Time: 13:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>服务类工单列表</title>
<%@ include file="/WEB-INF/jsp/common/meta.jsp"%>
</head>
<body>
<!--快捷筛选开始-->
<div class="filter-box-wrap">
    <!--快捷筛选-->
    <div class="filter-con">
        <div class="js-select">快捷筛选</div>
    </div>
    <!--快捷筛选-->
    <!--单选框开始-->
    <div class="danxuan-wrap">
        <div class="form-group" style="color: #2d72fe;">
            <input type="radio" id="gyxj" name="danxuan" class="form-control text-editbox" >
            <label for="gyxj">高优先级</label>
        </div>
        <div class="form-group" style="color: #ff1800;">
            <input type="radio" id="chaoshi" name="danxuan" class="form-control text-editbox" >
            <label for="chaoshi">超时</label>
        </div>
        <div class="form-group" style="color: #0a9c45;">
            <input type="radio" id="yzl" name="danxuan" class="form-control text-editbox">
            <label for="yzl">邮政类</label>
        </div>
    </div>
    <!--单选框结束-->
    <!--弹层开始-->
    <div class="filter-main-wrap">
        <div class="filter-con-box">
            <div class="filter-con-left">
                <p>筛选条件：</p>
            </div>
            <div class="filter-con-right">
                <div class="filter-select-show">
                    <span>状态：</span><span>未受理</span><a class="closesbtn" href="javascript:;"><i class="iconfont icon-msnui-close"></i></a>
                </div>
                <div class="filter-select-show">
                    <span>优先级：</span><span>高</span><a class="closesbtn" href="javascript:;"><i class="iconfont icon-msnui-close"></i></a>
                </div>
            </div>
            <a href="javascript:;" class="clear-con">清空筛选</a>
        </div>
        <div class="filter-con-box">
            <div class="filter-con-left">
                <p>状态：</p>
            </div>
            <div class="filter-con-right">
                <!--选中时 添加 inputactive-->
                <div class="inputgroup inputactive">
                    <a href="javascript:;">默认</a>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="zhuangtai" id="zhuangtai1" />
                    <label for="zhuangtai1">未受理</label>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="zhuangtai" id="zhuangtai2" />
                    <label for="zhuangtai2">受理中</label>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="zhuangtai" id="zhuangtai3" />
                    <label for="zhuangtai3">已办结</label>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="zhuangtai" id="zhuangtai4" />
                    <label for="zhuangtai4">已关闭</label>
                </div>
            </div>
        </div>
        <div class="filter-con-box">
            <div class="filter-con-left">
                <p>优先级：</p>
            </div>
            <div class="filter-con-right">
                <!--选中时 添加 inputactive-->
                <div class="inputgroup inputactive">
                    <a href="javascript:;">默认</a>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="youxianji" id="youxianji1" />
                    <label for="youxianji1">高</label>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="youxianji" id="youxianji2" />
                    <label for="youxianji2">中</label>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="youxianji" id="youxianji3" />
                    <label for="youxianji3">一般</label>
                </div>
            </div>
        </div>
        <div class="filter-con-box">
            <div class="filter-con-left">
                <p>提交来源：</p>
            </div>
            <div class="filter-con-right">
                <!--选中时 添加 inputactive-->
                <div class="inputgroup inputactive">
                    <a href="javascript:;">默认</a>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="tjly" id="tjly1" />
                    <label for="tjly1">400电话</label>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="tjly" id="tjly2" />
                    <label for="tjly2">在线客服</label>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="tjly" id="tjly3" />
                    <label for="tjly3">小I机器人</label>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="tjly" id="tjly4" />
                    <label for="tjly4">微信公众号</label>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="tjly" id="tjly5" />
                    <label for="tjly5">官网</label>
                </div>
            </div>
        </div>
        <div class="filter-con-box">
            <div class="filter-con-left">
                <p>催单次数：</p>
            </div>
            <div class="filter-con-right">
                <!--选中时 添加 inputactive-->
                <div class="inputgroup">
                    <a href="javascript:;">默认</a>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="cdch" id="cdch1" />
                    <label for="cdch1">0次</label>
                </div>
                <div class="inputgroup inputactive">
                    <input type="radio" name="cdch" id="cdch2" />
                    <label for="cdch2">1次</label>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="cdch" id="cdch3" />
                    <label for="cdch3">2次</label>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="cdch" id="cdch4" />
                    <label for="cdch4">3次</label>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="cdch" id="cdch5" />
                    <label for="cdch5">3次以上</label>
                </div>
            </div>
        </div>
        <div class="filter-con-box">
            <div class="filter-con-left">
                <p>创建时间：</p>
            </div>
            <div class="filter-con-right">
                <!--选中时 添加 inputactive-->
                <div class="inputgroup inputactive">
                    <a href="javascript:;">默认</a>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="cjsj" id="cjsj1" />
                    <label for="cjsj1">最近24小时</label>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="cjsj" id="cjsj2" />
                    <label for="cjsj2">最近一周</label>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="cjsj" id="cjsj3" />
                    <label for="cjsj3">最近一个月</label>
                </div>
                <div class="inputgroup">
                    <input type="radio" name="cjsj" id="cjsj4" />
                    <label for="cjsj4">自定义时间段</label>
                    <div></div>
                </div>
                <div class="selftime">
                    <table>
                        <tr>
                            <td>开始日期:</td>
                            <td>
                                <input class="easyui-datebox" data-options="sharedCalendar:'#cc'">
                            </td>
                            <td>结束日期:</td>
                            <td>
                                <input class="easyui-datebox" data-options="sharedCalendar:'#cc'">
                            </td>
                        </tr>
                    </table>
                    <div id="cc" class="easyui-calendar"></div>
                </div>
            </div>
        </div>
    </div>
    <!--弹层结束-->
</div>
<!--快捷筛选结束-->
<div class="clearfix"></div>
<!--筛选开始-->
<div class="filter-wrap">
    <form class="form-inline">
        <div class="form-group">
            <label>工单编号</label>
            <input type="text" class="form-control text-editbox" >
        </div>
        <div class="form-group">
            <label>运单编号</label>
            <input type="text" class="form-control text-editbox">
        </div>
        <div class="form-group">
            <label>工单受理人</label>
            <input type="text" class="form-control text-editbox">
        </div>
        <div class="form-group">
            <label>工单类型</label>
            <select class="form-control text-editbox">
                <option>全部</option>
                <option>类型1</option>
                <option>类型2</option>
            </select>
        </div>
        <div class="form-group">
            <label>工单子类型</label>
            <select class="form-control text-editbox">
                <option>全部</option>
                <option>类型一</option>
                <option>类型二</option>
            </select>
        </div>
        <div class="form-group">
            <label>工单发起人</label>
            <input type="text" class="form-control text-editbox">
        </div>
        <div class="form-group">
            <button type="submit" class="btn btn-default text-editbox btn-edit btn-7747ab">查询</button>
            <button type="submit" class="btn btn-default text-editbox btn-edit">重置</button>
        </div>
    </form>
</div>
<!--筛选结束-->
<div class="clearfix"></div>
<!--按钮开始-->
<div class="easyui-panel btns-group" data-options="border:0" style="padding:5px;">
    <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-zengjia-w'">添加</a>
    <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-shengji-w'">升级</a>
    <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-cuiban-w'">催办</a>
    <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-huifang-w'">回访</a>
    <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-tousu-w'">发起投诉</a>
    <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-daoru-w'">导入</a>
    <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-daochu-w'">导出</a>
</div>
<!--按钮结束-->
<!--表格开始-->
<div class="table-edit otheredit">
    <!--ps:生成代码时 在最后一行生成一个空th和空td 切记！-->
    <table class="easyui-datagrid tabsetcolor" data-options="resizable:true,rownumbers:false,singleSelect:false,collapsible:true,border:0" style="max-height: 400px;">
        <thead>
        <tr>
            <th data-options="field:'ck',checkbox:true,resizable:true" width="5%">&nbsp;</th>
            <th data-options="field:'itemid',align:'center',resizable:true" width="10%">工单编号</th>
            <th data-options="field:'productid',align:'center',resizable:true" width="10%">优先级</th>
            <th data-options="field:'listprice',align:'center',resizable:true" width="10%">剩余处理时长</th>
            <th data-options="field:'unitcost',align:'center',resizable:true" width="10%">运单编号</th>
            <th data-options="field:'attr1',align:'center',resizable:true" width="10%">客户等级</th>
            <th data-options="field:'status',align:'center',resizable:true" width="10%">客户类型</th>
            <th data-options="field:'tujing1',align:'center',resizable:true" width="10%">状态</th>
            <th data-options="field:'tujing2',align:'center',resizable:true" width="10%">催办次数</th>
            <th data-options="field:'tujing3',align:'center',resizable:true" width="15%">工单来源</th>
        </tr>
        </thead>
        <!--
            动态在div.datagrid-cell 追加以下样式  区分高优先级 超时 邮政类
            .youzhengcolor  .chaoshicolor  .youxiancolor
        -->
        <tbody>
        <tr>
            <td></td>
            <td class="youzhengcolor">001</td>
            <td>高</td>
            <td>1小时30分钟</td>
            <td>6876123987</td>
            <td></td>
            <td></td>
            <td>未受理</td>
            <td>1</td>
            <td>邮政投诉</td>
        </tr>
        <tr>
            <td></td>
            <td class="chaoshicolor">001</td>
            <td>高</td>
            <td>1小时30分钟</td>
            <td>6876123987</td>
            <td></td>
            <td></td>
            <td>未受理</td>
            <td>1</td>
            <td>邮政投诉</td>
        </tr>
        <tr>
            <td></td>
            <td class="youxiancolor">001</td>
            <td>高</td>
            <td>1小时30分钟</td>
            <td>6876123987</td>
            <td></td>
            <td></td>
            <td>未受理</td>
            <td>1</td>
            <td>邮政投诉</td>
        </tr>
        <tr>
            <td></td>
            <td>001</td>
            <td>高</td>
            <td>1小时30分钟</td>
            <td>6876123987</td>
            <td></td>
            <td></td>
            <td>未受理</td>
            <td>1</td>
            <td>邮政投诉</td>
        </tr>
        <tr>
            <td></td>
            <td>001</td>
            <td>高</td>
            <td>1小时30分钟</td>
            <td>6876123987</td>
            <td></td>
            <td></td>
            <td>未受理</td>
            <td>1</td>
            <td>邮政投诉</td>
        </tr>
        <tr>
            <td></td>
            <td>001</td>
            <td>高</td>
            <td>1小时30分钟</td>
            <td>6876123987</td>
            <td></td>
            <td></td>
            <td>未受理</td>
            <td>1</td>
            <td>邮政投诉</td>
        </tr>
        <tr>
            <td></td>
            <td>001</td>
            <td>高</td>
            <td>1小时30分钟</td>
            <td>6876123987</td>
            <td></td>
            <td></td>
            <td>未受理</td>
            <td>1</td>
            <td>邮政投诉</td>
        </tr>
        <tr>
            <td></td>
            <td>001</td>
            <td>高</td>
            <td>1小时30分钟</td>
            <td>6876123987</td>
            <td></td>
            <td></td>
            <td>未受理</td>
            <td>1</td>
            <td>邮政投诉</td>
        </tr>
        <tr>
            <td></td>
            <td>001</td>
            <td>高</td>
            <td>1小时30分钟</td>
            <td>6876123987</td>
            <td></td>
            <td></td>
            <td>未受理</td>
            <td>1</td>
            <td>邮政投诉</td>
        </tr>
        <tr>
            <td></td>
            <td>001</td>
            <td>高</td>
            <td>1小时30分钟</td>
            <td>6876123987</td>
            <td></td>
            <td></td>
            <td>未受理</td>
            <td>1</td>
            <td>邮政投诉</td>
        </tr>
        <tr>
            <td></td>
            <td>001</td>
            <td>高</td>
            <td>1小时30分钟</td>
            <td>6876123987</td>
            <td></td>
            <td></td>
            <td>未受理</td>
            <td>1</td>
            <td>邮政投诉</td>
        </tr>
        <tr>
            <td></td>
            <td>001</td>
            <td>高</td>
            <td>1小时30分钟</td>
            <td>6876123987</td>
            <td></td>
            <td></td>
            <td>未受理</td>
            <td>1</td>
            <td>邮政投诉</td>
        </tr>
        <tr>
            <td></td>
            <td>001</td>
            <td>高</td>
            <td>1小时30分钟</td>
            <td>6876123987</td>
            <td></td>
            <td></td>
            <td>未受理</td>
            <td>1</td>
            <td>邮政投诉</td>
        </tr>
        </tbody>
    </table>
</div>
<!--表格结束-->
<!--分页开始-->
<div class="fenye-wrap">
    <div class="scott">
        <span class="disabled"> &lt; </span>
        <span class="current">1</span>
        <a href="#?page=2">2</a>
        <a href="#?page=3">3</a>
        <a href="#?page=4">4</a>
        <a href="#?page=5">5</a>
        <a href="#?page=6">6</a>
        <a href="#?page=7">7</a>...<a href="#?page=199">199</a>
        <a href="#?page=200">200</a>
        <a href="#?page=2"> &gt; </a>
        <span class="showye">10条/页</span>
        <span class="showye">共10页</span>
        到<input type="text" class="yeinput" />页 <input type="button" class="yebtn" value="确定"/>
    </div>

</div>
<!--分页结束-->
<script type="text/javascript">
    $(function(){
//        hexin.init();
//        hexin.leftNavClick();
//        hexin.setTableHeight();
//        hexin.filterShow();
//        hexin.jstablcon();
//
//        //图表
//        scbox.resize();
//        hurubox.resize();
    })
    //图表渲染
//    $(window).resize(function(){
//        scbox.resize();
//        hurubox.resize();
//    })

</script>
</body>
</html>
